<!doctype html>
<html>
<head>
    <meta charset="utf-8"/>
    <!--<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>-->
    <title>door_market</title>

    <script src="http://door-market/jquery-1.11.1.min.js"></script>
    <script src="http://door-market/admin/admin.js"></script>
    <link rel="stylesheet" type="text/css" href="http://door-market/admin/admin.css">

    <link rel="stylesheet" type="text/css" href="http://door-market/product-item.css">
    <link rel="stylesheet" type="text/css" href="http://door-market/mystyle.css">



    <script src="http://door-market/fancy_app_js.js"></script>

    <!-- Add jQuery library -->
    <!--<script type="text/javascript" src="./rs/jquery-1.10.2.min.js"></script> -->
    <!--<script type="text/javascript" src="./rs/jquery-1.11.1.min.js"></script>-->

    <!-- Add mousewheel plugin (this is optional)
    <script type="text/javascript" src="./rs/jquery.mousewheel.pack.js"></script>
    -->

    <!-- Add fancyBox main JS and CSS files -->
    <script type="text/javascript" src="http://door-market/rs/jquery.fancybox.js"></script>
    <link rel="stylesheet" type="text/css" href="http://door-market/rs/jquery.fancybox.css" media="screen">

    <!-- Add Button helper (this is optional)
    <link rel="stylesheet" type="text/css" href="./rs/jquery.fancybox-buttons.css">
    <script type="text/javascript" src="./rs/jquery.fancybox-buttons.js"></script> -->

    <!-- Add Thumbnail helper (this is optional) -->
    <link rel="stylesheet" type="text/css" href="http://door-market/rs/jquery.fancybox-thumbs.css">
    <script type="text/javascript" src="http://door-market/rs/jquery.fancybox-thumbs.js"></script>


    <link href="http://door-market/admin/pgwmodal.min.css" rel="stylesheet">

    <script src="http://door-market/admin/pgwmodal.min.js"></script>

    <!--<link rel="stylesheet" type="text/css" href="http://door-market/admin/login.css">-->

</head>
<body>

<div class="navigation_bar">

    <div class="login_logo">
        <img src="http://door-market/img/logo.jpg" alt="Smiley face">
    </div>

    <div class="user_detail">
       <div class="welcome">
           Welcome:Vova
       </div>
        <div class="logout">
            <img src="http://door-market/img/icon_Logout.gif" alt="Smiley face">
        </div>
        <div class="logout">
            Logout
        </div>

    </div>

</div>
<div class="wraper">
    <div class="sidebar">


        <div class="sidebar_menu">
            <a href="http://htmlbook.ru/example/knob.html">
            <div class="menu_item">


                    Catalog

            </div>
            </a>


        </div>

    </div>

    <div class="admin_content">

        <div class="buttons_panel">
            <a class="shortcut-button" href="#" onclick="show_modal()">
                <span>
					<img src="http://door-market/img/pencil_48.png" alt="icon"><br>
				</span>
                Додати товар
            </a>

        </div>


        <div class="content-box">
        <div class="content-box-header">
            <h3 >Головна сторінка</h3>
        </div>

            <div class="good_editor">
                <div class="row">

                    <div class="main_title">
                        Ласкаво просимо до адміністративної панелі.<br>
                    </div>
                    <div class="main_sub_title">
                        Тут ви можете створювати нові елементи для відображення на сайті, а також редагувати та переглядати каталог.
                    </div>



                </div>
            </div>

        </div>


        <div class="content-box">
            <div class="content-box-header">
                <h3 style="cursor: s-resize;">Content box</h3>
            </div>




            <div class="good_editor">
                <div class="row">
                    <table class="parameters_table" >
                        <tr>
                            <td class="first_column">Виберіть тип товару</td>
                            <td>
                                <select name="select" class="product_type_select">
                                    <option value="undef" > </option>
                                    <option value="value1" >Двері</option>
                                    <option value="value2" >Сходи</option>
                                    <option value="value3">Столи</option>
                                </select>
                            </td>
                        </tr>

                        <tr>
                            <td>Ведіть модель товару</td>
                            <td>
                                <input class="product_model_input" type="text" size="40">
                            </td>
                        </tr>

                        <tr>
                            <td>Виберіть маитеріал</td>
                            <td>
                                <select class="product_material_select" name="select">
                                    <option value="undef"></option>
                                    <option value="value1">Сосна</option>
                                    <option value="value2" >Дуб</option>
                                </select>
                            </td>
                        </tr>

                        <tr>
                            <td>Виберіть колір</td>
                            <td>
                                <select class="product_color_select" name="select">
                                    <option value="undef"></option>
                                    <option value="value1">Горіх</option>
                                    <option value="value2">Червоне дерево</option>
                                    <option value="value3">Ясен</option>
                                </select>
                            </td>
                        </tr>

                    </table>
                </div>

                <div class="row">
                    <table class="parameters_table" >
                        <tr>
                            <td class="first_column">Виберіть середнє фото</td>
                            <td>
                                <form action="../php/processupload.php" method="post" enctype="multipart/form-data" id="mid_file_upload_form">
                                    <input name="FileInput" id="FileInput" type="file" />
                                    <input type="submit"  id="submit-btn" value="Upload" />
                                    <!--<img src="../images/ajax-loader.gif" id="loading-img" style="display:none;" alt="Please Wait"/>-->
                                </form>
                                <div id="progressbox" ><div id="progressbar"></div ><div id="statustxt">0%</div></div>
                                <div id="output"></div>
                            </td>
                        </tr>

                    </table>
                </div>




                <div class="row">

                    <div class="product_item">
                        <div class="product_header">
                            <div class="product_name">
                                Двері 1
                            </div>
                            <div class="product_code">
                                777
                            </div>
                        </div>
                        <div class="photo_column">
                            <div class="product_photo">
                                <img class="mid_img" src="../img/photo_doesetn_upload_mig.jpg" title="Двери">
                            </div>
                        </div>
                        <div class="product_foter">
                            <div class="product_details">

                                <div class="details_btn">

                                    <a  style="float:left; margin:0 0 0 8px; font-weight:bold;" title="Детальніше" onclick="">
                                        <img src="../img/details.jpg">
                                    </a>
                                </div>
                            </div>
                        </div>

                    </div>

                </div>





                <div class="row">
                    <table class="parameters_table" >
                        <tr>
                            <td class="first_column">Виберіть велике фото</td>
                            <td>
                                <form action="../php/processupload.php" method="post" enctype="multipart/form-data" id="lar_file_upload_form">
                                    <input name="FileInput" id="FileInput" type="file" />
                                    <input type="submit"  id="submit-btn" value="Upload" />
                                    <!--<img src="../images/ajax-loader.gif" id="loading-img" style="display:none;" alt="Please Wait"/>-->
                                </form>
                                <div id="progressbox" ><div id="progressbar"></div ><div id="statustxt">0%</div></div>
                                <div id="output"></div>
                            </td>
                        </tr>

                    </table>

                </div>





                <div class="row">


                    <table class="parameters_table" >
                        <tr>
                            <td class="first_column" id>Переглянути велике фото</td>
                            <td>
                                <a class="lagre_photo lar_img"  href="http://door-market/img/photo_doesent_upload_ lar.jpg" style="float:left; margin:0 0 0 8px; font-weight:bold;" title="Велике фото">
                                    <img  class="lupa_a lar_img_im" src="http://localhost/door-market/img/lupa.png" title="Двери">
                                    <!--<a class="fancybox-thumbs" data-fancybox-group="thumb" href="http://fancyapps.com/fancybox/demo/4_b.jpg"><img src="./rs/1_s.jpg" alt=""></a>-->
                                </a>
                            </td>
                        </tr>

                    </table>
                </div>


                <div class="row">
                    <table class="parameters_table" >
                        <tr>
                            <td class="first_column">Виберіть маленьке фото</td>
                            <td>
                                <form action="../php/processupload.php" method="post" enctype="multipart/form-data" id="sm_file_upload_form">
                                    <input name="FileInput" id="FileInput" type="file" />
                                    <input type="submit"  id="submit-btn" value="Upload" />
                                    <!--<img src="../images/ajax-loader.gif" id="loading-img" style="display:none;" alt="Please Wait"/>-->
                                </form>
                                <div id="progressbox" ><div id="progressbar"></div ><div id="statustxt">0%</div></div>
                                <div id="output"></div>
                            </td>
                        </tr>

                    </table>

                </div>


                <div class="row">

                    <table class="parameters_table" >
                        <tr>
                            <td class="first_column">Вибране маленьке фото</td>
                            <td>
                                <div class="small-image-cell">
                                    <img class="sm_img" src="http://door-market/img/photo_doesent_upload_ sm.jpg">
                                </div>
                            </td>
                        </tr>

                    </table>

                </div>



                <div class="row">
                    <div class="button_panel2">
                        <div class="save_button">
                            <a href="#" class="button save_btn"">Зберегти</a>
                        </div>

                        <div class="cancel_button">
                            <a href="#" class="button">Відміна</a>
                        </div>
                    </div>

                </div>

            </div>



        </div>



    </div>


</div>
<!--end #header-->
</body>
</html>